<script setup>
import customTable from '@/components/customTable/index.vue'
import { ref } from 'vue';
const tableData = ref([
  {
    year: '2023',
    quarter: '第一季度',
    report: '环评报告.pdf'
  },
  {
    year: '2023',
    quarter: '第二季度',
    report: '环评报告.pdf'
  },
  {
    year: '2023',
    quarter: '第三季度',
    report: '环评报告.pdf'
  },
  {
    year: '2023',
    quarter: '第四季度',
    report: '环评报告.pdf'
  },
])
const dailyHeader = ref([
  {
    label: '年度',
    isTemplate: false,
    prop: 'year'
  },
  {
    label: '季度',
    isTemplate: false,
    prop: 'quarter'
  },
  {
    label: '环评报告',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '第三方单位',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '第三方责任人',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '第三方环水保措施',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '监理项目部',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '监理项目部责任人',
    isTemplate: false,
    prop: 'report'
  },
  {
    label: '操作',
    isTemplate: false,
    prop: 'report'
  },
])
const tableSettings = ref({
  isSelection: true,
  isIndex: true,
  align: 'center'
})
const currentPage = (active, index) => {
  console.log('active', active)
  console.log('index', index)
}
const pageSize = (num) => {
  console.log('num', num)
}
</script>
<template>
  <div class="project-header">
    <custom-table
      :data="tableData"
      :header="dailyHeader"
      :settings="tableSettings"
      @currentPage="currentPage"
      @pageSize="pageSize"
    />
  </div>
</template>
<style lang='scss' scoped>
.project-header {
  width: 100%;
  margin: 16px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
</style>